<template>
 <div class="meRecord">
   <myheader showBack></myheader>
   <div class="test1">
     <button @click="showToast">显示</button>
   </div>
 </div>
</template>
<script>
import myheader from '../../components/header'
import myToast from '../../util/toast.js'

export default {
  data () {
    return {}
  },
  components: {
    myheader
  },
  methods: {
    showToast() {
      // let tosat = document.createElement('div')
      // tosat.style.cssText = 'position:fixed;top:50%;transform:translate(-50%,-50%);left:50%;padding: 10px;height:20px;line-height:20px;background:rgba(0,0,0,.5);color:#fff;font-size:14px;border-radius:8px;'
      // tosat.innerText = '我是模态框'
      // tosat.classList.add('fadeIn')
      // document.querySelector('#app').appendChild(tosat)

      console.log(fetch);
    }
  }
}
</script>
<style lang="scss" scoped>
.meRecord{
  font-size: 16px;
}
.fadeIn {
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s
}
.fadeOut {
  animation: fadeIn .5s;
}
@keyframes fadeIn {
  0%{
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}
@keyframes fadeOut {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}
</style>
